<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>淘宝网</title>
		<link rel="stylesheet" href="./css/index.css">
		<link rel="stylesheet" href="./css/base.css">
		<link rel="stylesheet" href="./fonts/iconfont.css"/>
		<script src="./libs/requirejs/require.min.js" data-main="../js/index"></script>
		
	</head>
	<body>
		<nav>
			<div class="nav-mid">
				<div class="nav-mid-serch">
					<div id="search-top">
						<div class="search-top" >
							<div class="search-right"><button>搜索</button></div>
							<form>
								<div class="search-left"><span>宝贝</span></div>
								<div class="search"><input type="text" placeholder="鸿星尔克短袖" /></div>
							<form>	
						</div>
					</div>	
					<div class="search-bottom">
						<ul>
							<li><a href="">新款连衣裙</a></li>
							<li><a href="">四件套</a></li>
							<li><a href=""><span>潮流T恤</span></a></li>
							<li><a href="">时尚女鞋</a></li>
							<li><a href="">短裤</a></li>
							<li><a href="">半身裙</a></li>
							<li><a href="">男士外套</a></li>
							<li><a href="">墙纸</a></li>
							<li><a href="">行车记录仪</a></li>
							<li><a href="">新款男鞋</a></li>
							<li><a href="">耳机</a></li>
							<li><a href="">时尚女包</a></li>
							<li><a href="">沙发</a></li>
						</ul>
					</div>
				</div>
				<div class="search-ewm">
					<a href="">
						<span>去领红包</span>
						<img src="img/ewm.png" >
					</a>
				</div>
			</div>
		</nav>
		<div class="main-nav">
			<div class="nav-mid">
				<div class="nav-zhuti">
					主题市场
				</div>
				<div class="nav-first">
					<li><a href="">天猫</a></li>
					<li><a href="">聚划算</a></li>
					<li><a href="" class="color3">天猫超市</a></li>
				</div>
				<div class="nav-second">
					<li class="pipe">|</li>
					<li><a href="">司法拍卖</a></li>
					<li><a href="">飞猪旅行</a></li>
					<li><a href="">天天特卖</a></li>
				</div>
				<div class="nav-third">
					<li class="pipe">|</li>
					<li><a href="">造点新货</a></li>
					<li><a href="">苏宁易购</a></li>
					<li><a href="">淘宝心选</a></li>
					<li><a href="">智能生活</a></li>
				</div>
			</div>
		</div>
		<div class="main-tab">
			<div class="tab-mid">
				<div class="tab-mleft">
					<div class="tleft">
						<ul>
							<li>
								<a href="">女装</a>/
								<a href="">内衣</a>/
								<a href="">家居</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">女鞋</a>/
								<a href="">男鞋</a>/
								<a href="">箱包</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">母婴</a>/
								<a href="">童装</a>/
								<a href="">玩具</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">男装</a>/
								<a href="">运动户外</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">美妆</a>/
								<a href="">彩妆</a>/
								<a href="">个护</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">手机</a>/
								<a href="">数码</a>/
								<a href="">企业</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">大家电</a>/
								<a href="">生活电器</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">零食</a>/
								<a href="">生鲜</a>/
								<a href="">茶酒</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">厨具</a>/
								<a href="">收纳</a>/
								<a href="">清洁</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">家纺</a>/
								<a href="">家饰</a>/
								<a href="">鲜花</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">图书音像</a>/
								<a href="">文具</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">医药保健</a>/
								<a href="">进口</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">汽车</a>/
								<a href="">二手车</a>/
								<a href="">用品</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">房产</a>/
								<a href="">装修家具</a>/
								<a href="">建材</a>
								<span>&gt;</span>
							</li>
							<li>
								<a href="">手表</a>/
								<a href="">眼镜</a>/
								<a href="">珠宝饰品</a>
								<span>&gt;</span>
							</li>
						</ul>
						<div class="des">
							<div class="des1" id="des1">
								<div class="des1-left">
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
								</div>
								<div class="des1-right">
									<h3>猜你喜欢</h3>
									<div class="like-img">
										<a href="">
											<img src="img/des1.jpg" alt="">
											<p>卫衣</p>
										</a>
										<a href="">
											<img src="img/des2.jpg" alt="">
											<p>连衣裙</p>
										</a>
										<a href="">
											<img src="img/des3.jpg" alt="">
											<p>短外套</p>
										</a>
										<a href="">
											<img src="img/des4.jpg" alt="">
											<p>衬衫</p>
										</a>
										<a href="">
											<img src="img/des5.jpg" alt="">
											<p>半身裙</p>
										</a>
										<a href="">
											<img src="img/des6.jpg" alt="">
											<p>时尚套装</p>
										</a>
									</div>
								</div>
							</div>	
							<div class="des2">
								<!-- <div class="des2-left">
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>	
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
									<ul>
										<h5>流行趋势</h5>
										<p>
											<a href="">小黑裙</a>
											<a href="">芭比裤</a>
											<a href="">阔腿神裤</a>
											<a href="">222</a>
											<a href="">11</a>
											<a href="">32</a>
											<a href="">41</a>
											<a href="">1412</a>
										</p>
									</ul>
								</div>
								<div class="des2-right">
									<h3>猜你喜欢</h3>
									<div class="like-img">
										<a href="">
											<img src="img/des1.jpg" alt="">
											<p>卫衣</p>
										</a>
										<a href="">
											<img src="img/des2.jpg" alt="">
											<p>连衣裙</p>
										</a>
										<a href="">
											<img src="img/des3.jpg" alt="">
											<p>短外套</p>
										</a>
										<a href="">
											<img src="img/des4.jpg" alt="">
											<p>衬衫</p>
										</a>
										<a href="">
											<img src="img/des5.jpg" alt="">
											<p>半身裙</p>
										</a>
										<a href="">
											<img src="img/des6.jpg" alt="">
											<p>时尚套装</p>
										</a>
									</div>
								</div> -->
							</div>	
						</div>
					</div>
					
					<div class="tmid">
						<div class="top-tab">
							<div class="img" id="img">
								<div class="img1" id="img1">
									<a href="">
										<img src="img/tab1.jpg">
									</a>
								</div>
								<div class="img1" id="img1">
									<a href="">
										<img src="img/tab2.jpg">
									</a>
								</div>
								<div class="img1" id="img1">
									<a href="">
										<img src="img/tab3.jpg">
									</a>
								</div>
								<div class="img1" id="img1">
									<a href="">
										<img src="img/tab4.jpg">
									</a>
								</div>
								<div class="img1" id="img1">
									<a href="">
										<img src="img/tab5.jpg">
									</a>
								</div>
							</div>
							<div class="jiantou">
								<div class="next" id="next">&gt;</div>
								<div class="prev" id="prev">&lt;</div>
							</div>
							<div class="tab-nav" id="tab-nav">
								<ul>
									<li class="active"></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
						</div>
						<div class="bottom-tab">
							<div class="btab-p">
								<i>理想生活上天猫</i>
								<div class="page"><span id="page"></span>/5</div>
							</div>
							<div class="tab-img" id="tab-img">
								<ul>
									<div class="img2" id="img2">
										<a href=""><img src="img/btab1.jpg" ></a>
										<a href=""><img src="img/btab2.jpg" ></a>
									</div>
									<div class="img2" id="img2">
										<a href=""><img src="img/btab3.jpg" ></a>
										<a href=""><img src="img/btab4.jpg" ></a>
									</div>
									<div class="img2" id="img2">
										<a href=""><img src="img/btab5.jpg" ></a>
										<a href=""><img src="img/btab6.jpg" ></a>
									</div>
									<div class="img2" id="img2">
										<a href=""><img src="img/btab7.jpg" ></a>
										<a href=""><img src="img/btab8.jpg" ></a>
									</div>
									<div class="img2" id="img2">
										<a href=""><img src="img/btab9.jpg" ></a>
										<a href=""><img src="img/btab10.jpg" ></a>
									</div>
								</ul>
								<div class="jiantou">
									<div class="next" id="next2">&gt;</div>
									<div class="prev" id="prev2">&lt;</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tright">
						<div class="tright-top">
							<a href=""><img src="./img/r1.webp" ></a>
						</div>
						<div class="tright-bottom">
							<p>今日特卖</p>
							<a href=""><img src="img/r2.jpg" ></a>
						</div>
					</div>
				</div>
				<div class="tab-mright">
					<div class="user">
						<div class="user-head">
							<div class="user-img"><a href=""><img src="./img/user.jpg" ></a></div>
							<p>Hi! 你好</p>
							<p>
								<a href=""><span></span>领淘金币领钱</a>
								<a href=""><span></span>会员俱乐部</a>
							</p>
						</div>
						<div class="user-do">
							<div class="do-box">
								<a href="">登录</a>
								<a href="">注册</a>
								<a href="">开店</a>
							</div>
						</div>
					</div>
					<div class="tabr-share">
						<a href="">
							<img src="img/user-b.jpg" >
						</a>
					</div>
					<div class="notice">
						<ul class="notice-top">
							<li><a href="">公告</a></li>
							<li><a href="">规则</a></li>
							<li><a href="">安全</a></li>
							<li><a href="">公益</a></li>
							<li><a href="">千牛</a></li>
						</ul>
						<div class="notice-bottom">
							<ul class="nb1  active">
								<li  style="width: 260px;">
									<a href="https://market.m.taobao.com/app/qn/toutiao-new/index-pc.html?spm=a21bo.21814703.201865-0.1.143e11d9KoP77B#/detail/10670809?_k=ljhkyn" target="_blank">关于全面降低淘宝网卖家收款服务费率的公告</a>
								</li>
							</ul>
							<ul class="nb2 ">
								<li>
									<a href="">新增《淘宝网汽配行业管理规范》公示通知</a>
								</li>
								<li>
									<a href="">《淘宝网区域零售服务说明》变更公示通知</a>
								</li>
							</ul>
							<ul class="nb3 ">
								<li>
									<a href="">魔豆妈妈公益项目</a>
								</li>
								<li>
									<a href="">让母爱永不打烊！</a>
								</li>
							</ul>
							<ul class="nb4">
								<li>
									<a href="">阿里公益“奥斯卡”</a>
								</li>
								<li>
									<a href="">阿里公益论坛</a>
								</li>
							</ul>
							<ul class="nb5">
								<li>
									<a href="">千牛头条</a>
								</li>
								<li>
									<a href="">新手开店</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="tabr-fn">
						<ul class="bf ">
							<li class="chf"><a href="">
								<p class="iconfont icon-huafei color1"></p>
								<span>充话费</span>
								<div class="chf-block1">
									<div>
										<ul>
											<li>充话费</li>
											<li>充流量</li>
											<li>充固话</li>
											<li>充宽带</li>
										</ul>
										<div class="d-input">
											<input type="text" placeholder="请输入手机号码">
											<input type="text" value="50元">	
										</div>
										
										<p>售价<i>￥</i><span>49-49.8</span></p>
										<h3><button>立即充值</button></h3>
									</div>
								</div>
							</a></li>
							<li class="lx"><a href="">
								<p class="iconfont icon-biaoqianA01_lvhang-263 color2"></p>
								<span>旅行</span>
								<div class="chf-block2">

								</div>
							</a></li>
							<li class="cx"><a href="">
								<p class="iconfont icon-chexian color3"></p>
								<span>车险</span>
								<div class="chf-block3">

								</div>
							</a></li>
							<li><a href="">
								<p class="iconfont icon-iconfontyouxihudong color4" ></p>
								<span>游戏</span>
							</a></li>
						</ul>
						<ul>
							<li><a href="">
								<p class="iconfont icon-caipiao color5"></p>
								<span>彩票</span>
							</a></li>
							<li><a href="">
								<p class="iconfont icon-dianying color6"></p>
								<span>电影</span>
							</a></li>
							<li><a href="">
								<p class="iconfont icon-jiudian color2"></p>
								<span>酒店</span>
							</a></li>
							<li><a href="">
								<p class="iconfont icon-licai color1"></p>
								<span>理财</span>
							</a></li>
						</ul>
					</div>
					<div class="tabr-app">
						<h3>阿里APP</h3>
						<span><a href="">更多 &gt;</a></span>
						<ul>
							<li>
								<a href=""><img src="img/tb.webp" alt=""></a>
								<div class="app-active1">
									<img src="img/ma.png" alt="">
									<p>扫一扫淘宝</p>
								</div>
							</li>
							<li>
								<a href=""><img src="img/tm.webp" alt=""></a>
								<div class="app-active2">
									<img src="img/ma.png" alt="">
									<p>扫一扫天猫</p>
								</div>
							</li>
							<li>
								<a href=""><img src="img/zfb.webp" alt=""></a>
								<div class="app-active3">
									<img src="img/ma.png" alt="">
									<p>扫一扫支付宝</p>
								</div>
							</li>
							<li>
								<a href=""><img src="img/dd.webp" alt=""></a>
								<div class="app-active4">
									<img src="img/ma.png" alt="">
									<p>扫一扫钉钉</p>
								</div>
							</li>
							<li>
								<a href=""><img src="img/txb.webp" alt=""></a>
								<div class="app-active5">
									<img src="img/ma.png" alt="">
									<p>扫一扫淘小铺</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="yhh">
			<div class="yhh-mid">
				<h3>有好货</h3>
				<ul>
					<li>
						<a href="">
							<img src="//img.alicdn.com/imgextra/i3/1709365317/O1CN01KJERwK1p9ERkXoHLJ_!!1709365317-0-daren.jpg_180x180xzq90.jpg_.webp" alt="">
							<p>Pure Cashmere 保暖针织帽</p>
							<h4>这款针织帽风格休闲可爱，帽口双面装饰设计，非常有层次感，带上也会更舒服，简约的外型，柔软的纯羊绒面料，既美观又保暖。</h4>
						</a>
					</li>
					<li>
						<a href="">
							<img src="//img.alicdn.com/i4/1071113126/O1CN01hr0omD1YxkeBdi8PD_!!1071113126.jpg_180x180xzq90.jpg_.webp" alt="">
							<p>二胎家庭都在用这种床</p>
							<h4>软床质量很好很高档，很喜欢外观高档，工艺精湛，气味不大，直观上有档次，厚重。</h4>
						</a>
					</li>
					<li>
						<a href="">
							<img src="//img.alicdn.com/imgextra/i1/2878464377/O1CN01LuFCbX1iCi9DuvlDv_!!2878464377-0-daren.jpg_180x180xzq90.jpg_.webp" alt="">
							<p>便携战术防身扇，户外防身更实用</p>
							<h4>>钛扇的整体手感舒适，大扇骨起着决定性的作用，在传统竹制折扇的基础上，考虑实际使用时的握姿，结合科学的分析和测试，钛大扇骨的不同部位边缘，采用不同的曲面过渡，无论开启还是闭合，均确保手感温润如玉。</h4>
						</a>
					</li>
					<li>
						<a href="">
							<img src="//img.alicdn.com/imgextra/i4/765800359/O1CN011csrXr1EWSksQBUdw_!!765800359-0-daren.jpg_180x180xzq90.jpg_.webp" alt="">
							<p>千禧名门 家用折叠封阳台 </p>
							<h4>经典简约的外观，加入便捷收纳的折叠功能，使用起来十分舒心与便捷，同时打造出非凡的使用感。</h4>
						</a>
					</li>
					<li>
						<a href="">
							<img src="//img.alicdn.com/i3/65784980/TB2tsLMAL5TBuNjSspcXXbnGFXa_!!65784980.jpg_180x180xzq90.jpg_.webp" alt="">
							<p>十八纸创意多功能手机支架</p>
							<h4>双面支架功能设计，可两人同时使用。</h4>
						</a>
					</li>
				</ul>	
			</div>
		</div>
		<div class="guanggao">
			<div class="gg-mid">
				<a href=""><img src="img/gg1.jpg" alt="">
				</a><a href=""><img src="img/gg2.jpg" alt=""></a>
				<a href=""><img src="img/gg3.jpg" alt=""></a>
			</div>
		</div>
		<div class="cnxh" id="cnxh">
			<div class="cnxh-mid">
				<h3>猜你喜欢</h3>
				<div class="cnxh-main">
					 <!-- 渲染推荐商品的数据 -->
					<ul class="shop"></ul>

					<!-- 定义渲染推荐商品项的模板 -->
					<script type="text/html" id="shop-template">
					{{each products prod}}
					<li class="shop-item" data-id="{{prod.id}}">
						<a href="/html/detail.html">
							<div><img class="image" src="{{prod.image}}" alt=""></div>
						<div class="title">{{prod.title}}</div>
						<div class="item-p">
							<span class="price"><i>￥</i>{{prod.price}}</span>
							<span>{{prod.saleNum}}人购买</span>
						</div>
						<div class="czxs">
							<p>查找相似</p>
						</div>
						</a>
					</li>
					{{/each}}
					</script>
				</div>
				<div class="cnxh-end">————&emsp;&emsp;END&emsp;&emsp;————</div>
				<div class="cnxh-footer">
					<div>
						<h4>消费者保障</h4>
						<ul>
							<li><a href="">保障范围</a></li>
							<li><a href="">退货退款流程</a></li>
							<li><a href="">服务中心</a></li>
							<li><a href="">更多特色服务</a></li>
						</ul>
					</div>
					<div>
						<h4>新手上路</h4>
						<ul>
							<li><a href="">新手专区</a></li>
							<li><a href="">免费开店</a></li>
							<li><a href="">交易安全</a></li>
							<li><a href="">消费警示</a></li>
							<li><a href="">24小时在线帮助</a></li>
						</ul>
					</div>
					<div>
						<h4>付款方式</h4>
						<ul>
							<li><a href="">货到付款</a></li>
							<li><a href="">货到付款</a></li>
							<li><a href="">货到付款</a></li>
							<li><a href="">货到付款</a></li>
							<li><a href="">货到付款</a></li>

						</ul>
					</div>
					<div>
						<h4>淘宝特色</h4>
						<ul>
							<li><a href="">手机淘宝</a></li>
							<li><a href="">手机淘宝</a></li>
							<li><a href="">手机淘宝</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="fix-box">
			<li>
				<a href=""><span>品质好货</span></a>
			</li>
			<li>
				<a href="#cnxh"><span>猜你喜欢</span></a>
			</li>
			<li>
				<a href=""><span>反馈</span></a>
			</li>
			<li>
				<a href=""><span>暴恐举报</span></a>
			</li>
		</div>





		<!-- <footer></footer> -->
		
		
		<script src="js/tools.js"></script>
		<script src="js/tab1.js"></script>
		<script src="js/tab2.js"></script>
	</body>
</html>
